<head>
    <meta charset="UTF-8">
    <title>行内元素</title>
</head>
<body>
<h1>行内元素--一直在一行</h1>
<p>span、a、b、br、code、em、i、img、input、label、select、textarea</p>
<hr/>
<span>span</span>|
<a href="#t2">a标签</a>|
<b>加粗文本</b>|
<img alt="白色的兔子" src="https://atts.w3cschool.cn/rabbitwhite300.jpg"/>|
<pre>
    当alt为""时，如果图片地址无法访问不会显示默认图标
    可以用a标签将img包含起来，点击图片即可跳转
    当a标签src属性为#时，不跳转，鼠标悬浮时会变成小手。a标签target="_blank"，弹出新窗口
</pre>
<label>
    <input placeholder="默认类型为文本输入框"/>
</label>|
<label>
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</label>|
<label>
    <textarea id="t2">文本域默认值</textarea>
</label>
</body>